feat(android): jetpack compose support by troZee · Pull Request #1092 · callstack/react-native-pager-view

troZee · 2026-07-03T20:57:53Z

Summary

This PR replaces the Android pager implementation with a Jetpack Compose-backed pager while preserving the existing
React Native manager API.

Changes

Add ComposePagerView, backed by Compose HorizontalPager and VerticalPager.
Wire Android manager methods to the new Compose pager implementation.
Add Compose Gradle plugin/configuration and Compose runtime/foundation/ui dependencies.
Preserve pager behavior for:
- horizontal and vertical orientation
- initial page
- imperative page changes
- scroll enabled/disabled
- page margin
- offscreen page limit
- RTL layout direction
- page selected, page scroll, and scroll state events

# Conflicts: # example/bun.lockb

Copilot

Pull request overview

This PR migrates the Android implementation of RNCViewPager from a ViewPager2-backed view hierarchy to a Jetpack Compose-backed pager (HorizontalPager / VerticalPager) while keeping the existing React Native manager API surface.

Changes:

Replaces the Android native view implementation with a new ComposePagerView that hosts RN child views via AndroidView.
Rewires the RN ViewGroupManager and manager-impl helpers to operate on ComposePagerView instead of NestedScrollableHost/ViewPager2.
Adds Compose Gradle configuration and Compose dependencies to the Android module.

Reviewed changes

Copilot reviewed 5 out of 9 changed files in this pull request and generated 4 comments.

Show a summary per file

File	Description
android/src/main/java/com/reactnativepagerview/PagerViewViewManagerImpl.kt	Redirects child management and prop setters to `ComposePagerView` methods.
android/src/main/java/com/reactnativepagerview/PagerViewViewManager.kt	Switches the manager’s view type to `ComposePagerView` and forwards commands/props accordingly.
android/src/main/java/com/reactnativepagerview/ComposePagerView.kt	New Compose-based pager implementation, including event dispatching and RN-child hosting.
android/gradle.properties	Introduces a Compose version property for dependency management.
android/build.gradle	Enables Compose + adds Kotlin Compose plugin and Compose dependencies.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

troZee · 2026-07-03T21:13:44Z

 {
  "name": "react-native-pager-view",
-  "version": "8.0.2",
+  "version": "9.0.0-rc.0",


revert this before the release

# Conflicts: # example/bun.lockb # package.json

Copilot

Pull request overview

Copilot reviewed 7 out of 11 changed files in this pull request and generated 3 comments.

Copilot

Pull request overview

Copilot reviewed 7 out of 11 changed files in this pull request and generated 4 comments.

Copilot

Pull request overview

Copilot reviewed 7 out of 11 changed files in this pull request and generated 2 comments.

Copilot

Pull request overview

Copilot reviewed 7 out of 11 changed files in this pull request and generated 2 comments.

Copilot

Pull request overview

Copilot reviewed 7 out of 11 changed files in this pull request and generated 3 comments.

+    composeView.layoutParams = LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT)
+    composeView.setViewCompositionStrategy(ViewCompositionStrategy.DisposeOnDetachedFromWindow)
+    applyOverScrollMode()


+    LaunchedEffect(pageCount) {
+      if (!didEmitInitialPage) {
+        didEmitInitialPage = true
+        currentPage = pagerState.currentPage
+        dispatchPageSelected(pagerState.currentPage)
+      }
+
+      if (pagerState.currentPage >= pageCount) {
+        val target = pageCount - 1
+        pagerState.scrollToPage(target)
+        currentPage = target
+        dispatchPageSelected(target)
+      }
+    }


+  private fun getBeyondViewportPageCount(): Int {
+    return if (offscreenPageLimitState.value == DEFAULT_OFFSCREEN_PAGE_LIMIT) {
+      DEFAULT_BEYOND_VIEWPORT_PAGE_COUNT
+    } else {
+      offscreenPageLimitState.value.coerceAtLeast(0)
+    }
+  }


troZee · 2026-07-13T10:53:33Z

 {
  "name": "react-native-pager-view",
-  "version": "8.0.4",
+  "version": "9.0.0-rc.1",


revert this version

Copilot

Pull request overview

Copilot reviewed 7 out of 11 changed files in this pull request and generated 1 comment.

Comments suppressed due to low confidence (1)

android/src/main/java/com/reactnativepagerview/ComposePagerView.kt:605

offscreenPageLimit is documented as needing to be > 0 (or default). Clamping to 0 here silently accepts an invalid value and changes behavior versus the previous ViewPager2-backed implementation (which rejects values < 1 except -1). Consider clamping to at least 1 for non-default values.

  private fun getBeyondViewportPageCount(): Int {
    return if (offscreenPageLimitState.value == DEFAULT_OFFSCREEN_PAGE_LIMIT) {
      DEFAULT_BEYOND_VIEWPORT_PAGE_COUNT
    } else {
      offscreenPageLimitState.value.coerceAtLeast(0)
    }

+    composeView.measure(
+      MeasureSpec.makeMeasureSpec(width, MeasureSpec.EXACTLY),
+      MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY)
+    )


troZee added 5 commits July 3, 2026 22:20

update bun lock file

26bca7f

# Conflicts: # example/bun.lockb

initial implementation

221fe7d

Implement setPage and setPageWithoutAnimation method

a9a3bd1

fix nexted pager view

d69e62a

fix nested pager view gestures

ba4563c

troZee requested review from MrRefactor, Copilot and krozniata July 3, 2026 20:58

Copilot started reviewing on behalf of troZee July 3, 2026 20:58 View session

Copilot AI reviewed Jul 3, 2026

View reviewed changes

Release 9.0.0-rc.0

18692a8

troZee commented Jul 3, 2026

View reviewed changes

troZee added 4 commits July 10, 2026 12:19

Merge branch 'master' into feat/jetpack-compose

88e74e7

# Conflicts: # example/bun.lockb # package.json

fix nested pager view

66a4e68

fix rtl

f1992ba

apply feedback

6e5e0a5

troZee requested a review from Copilot July 10, 2026 15:25

Copilot started reviewing on behalf of troZee July 10, 2026 15:25 View session

Copilot AI reviewed Jul 10, 2026

View reviewed changes

Comment thread android/src/main/java/com/reactnativepagerview/ComposePagerView.kt

Comment thread android/src/main/java/com/reactnativepagerview/PagerViewViewManager.kt

Comment thread android/src/main/java/com/reactnativepagerview/ComposePagerView.kt

apply feedback

fd6e484

troZee requested a review from Copilot July 10, 2026 15:43

Copilot started reviewing on behalf of troZee July 10, 2026 15:44 View session

Copilot AI reviewed Jul 10, 2026

View reviewed changes

Comment thread src/usePagerView.ts Outdated

Comment thread android/src/main/java/com/reactnativepagerview/ComposePagerView.kt

Comment thread android/src/main/java/com/reactnativepagerview/ComposePagerView.kt

Comment thread package.json Outdated

troZee force-pushed the feat/jetpack-compose branch from 49b47ff to fd6e484 Compare July 10, 2026 15:50

apply feedback

f124b4e

troZee requested a review from Copilot July 10, 2026 15:58

Copilot started reviewing on behalf of troZee July 10, 2026 15:59 View session

Copilot AI reviewed Jul 10, 2026

View reviewed changes

Comment thread src/usePagerView.ts Outdated

Comment thread android/src/main/java/com/reactnativepagerview/ComposePagerView.kt

Release 9.0.0-rc.1

5039834

TaduJR mentioned this pull request Jul 11, 2026

[$250] Android - Split - Percentage input has to be focused twice to be able to edit it. Expensify/App#78089

Open

7 tasks

apply feedback

2de8e90

troZee requested a review from Copilot July 13, 2026 10:21

Copilot started reviewing on behalf of troZee July 13, 2026 10:21 View session

Copilot AI reviewed Jul 13, 2026

View reviewed changes

Comment thread android/src/main/java/com/reactnativepagerview/ComposePagerView.kt

Comment thread android/src/main/java/com/reactnativepagerview/ComposePagerView.kt

apply feedback

144ffc0

troZee requested a review from Copilot July 13, 2026 10:38

Copilot started reviewing on behalf of troZee July 13, 2026 10:38 View session

Copilot AI reviewed Jul 13, 2026

View reviewed changes

troZee commented Jul 13, 2026

View reviewed changes

troZee requested a review from Copilot July 19, 2026 10:53

Copilot started reviewing on behalf of troZee July 19, 2026 10:53 View session

Copilot AI reviewed Jul 19, 2026

View reviewed changes

Comment thread android/src/main/java/com/reactnativepagerview/ComposePagerView.kt

Comment on lines +163 to +166

composeView.measure(

MeasureSpec.makeMeasureSpec(width, MeasureSpec.EXACTLY),

MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY)

)

Uh oh!

Conversation

troZee commented Jul 3, 2026

Summary

Changes

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

troZee Jul 3, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

troZee Jul 13, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants